import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'
import MoreInfosAccordionSection from '../../ch/sections/MoreInfosAccordionSection.vue'

<Meta title="Sections/Content/More Infos" component={MoreInfosAccordionSection} />

export const Template = () => ({
  props: [],
  components: { MoreInfosAccordionSection },
  template:
    `
    <main>
      <MoreInfosAccordionSection />
    </main>
    `,
})

# More Infos Section

Example of an accordion with complex content:
- Rich text (1st drawer)
- Cards (2nd drawer). Inside an accordion, cards should be displayed with their `card--flat` variant
- Download items (3rd drawer)
- Picture (4th drawer)

This section is displayed at the bottom of the [detail page example](?path=/docs/pages-detail-page-simple--example)

<Canvas>
  <Story name="Example">{Template.bind({})}</Story>
</Canvas>

